@(missionId: Int)(implicit request: RequestHeader)
@main("分析总览")("missionManage") {

	<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/plugins.min.css")">

	<script src="@routes.Assets.at("easy-pie-chart-2.1.6/dist/jquery.easypiechart.min.js")" type="text/javascript"></script>
	<script src="@routes.Assets.at("javascripts/App.min.js")" type="text/javascript"></script>
	<script src="@routes.Assets.at("javascripts/plugins.min.js")" type="text/javascript"></script>

	<style>
			.genome-pre {
				white-space: pre-wrap;
				word-wrap: break-word;
				border: 0px solid #ccc;
				background-color: white;
			}

			.mySelected {
				background-color: #c0edf1
			}

			.myTab {
				cursor: pointer;
			}

	</style>


	<div class="page-content">

		<div class="page-bar">
			<ul class="page-breadcrumb">
				<li>
					<i class="fa fa fa-table"></i>
					<a href="@routes.UserController.missionManageBefore()">分析管理</a>
					<i class="fa fa-angle-right"></i>
				</li>
				<li>
					<span>分析详情</span>
				</li>
			</ul>
		</div>

		<div class="row">

			<div class="row-fluid col-sm-6" >
				<div class="row">
					<div class="col-md-12 col-sm-12">
						<div class="portlet blue-dark box">
							<div class="portlet-title">
								<div class="caption">
									分析信息
								</div>
							</div>

							<div class="portlet-body" style="height: 337px">
								<div class="table-responsive">

									<form class="form-horizontal" role="form" id="mission">
										<div class="form-body">

											<div class="row">
												<div class="col-md-12">
													<div class="form-group">
														<label class="control-label col-md-2">分析名称:</label>
														<div class="col-md-9">
															<p class="form-control-static" id="missionName">  </p>
														</div>
													</div>
												</div>
											</div>

											<div class="row">
												<div class="col-md-12">
													<div class="form-group">
														<label class="control-label col-md-2">分析描述:</label>
														<div class="col-md-9">
															<p class="form-control-static" id="missionIntro">  </p>
														</div>
													</div>
												</div>
											</div>

											<div class="row">
												<div class="col-md-12">
													<div class="form-group">
														<label class="control-label col-md-2">开始日期:</label>
														<div class="col-md-9">
															<p class="form-control-static" id="startTime">  </p>
														</div>
													</div>
												</div>

											</div>

											<div class="row">
												<div class="col-md-12">
													<div class="form-group">
														<label class="control-label col-md-2">结束日期:</label>
														<div class="col-md-9">
															<p class="form-control-static" id="endTime">  </p>
														</div>
													</div>
												</div>
											</div>

										</div>
									</form>

								</div>
							</div>
						</div>
					</div>
				</div>


			</div>

			<div class="row-fluid col-sm-6" >
				<div class="row">
					<div class="col-md-12 col-sm-12">
						<div class="portlet blue-dark box" id="sampleStat">
							<div class="portlet-title">
								<div class="caption">
									扩增对照品情况
								</div>
							</div>

							<div class="portlet-body">

								<div class="row widget-row ">

									<div class="col-md-6" >
										<div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 bordered myTab mySelected"
										onclick="MissionSummary.tabClick(this)" style="cursor: pointer">
											<div class="widget-thumb-wrap" align="center">
												<div class="widget-thumb-body">
													<span class="widget-thumb-subtitle" data-value="阳性">阳性/标准样本</span>
													<span class="widget-thumb-body-stat" data-counter="counterup" id="posNum"></span>
												</div>
											</div>
										</div>
									</div>

									<div class="col-md-6">
										<div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 bordered myTab"
										onclick="MissionSummary.tabClick(this)">
											<div class="widget-thumb-wrap" align="center">
												<div class="widget-thumb-body">
													<span class="widget-thumb-subtitle" data-value="阴性">阴性/空白样本</span>
													<span class="widget-thumb-body-stat" data-counter="counterup" id="negNum"></span>
												</div>
											</div>
										</div>
									</div>

								</div>

								<div class="row" style="margin-left: 15px">

									<ul class="nav nav-tabs" id="tab">

									</ul>

									<div class="tab-content" id="tabContent">
									</div>


								</div>

							</div>
						</div>
					</div>
				</div>


			</div>

		</div>

		<div class="row-fluid">
			<div class="row">
				<div class="col-md-12 col-sm-12">
					<div class="portlet blue-dark box">
						<div class="portlet-title">
							<div class="caption">
								样品管理
							</div>
						</div>

						<div class="portlet-body">

							<div class="table-responsive">

								<label>请选择要显示的列:</label>
								<div id="checkbox" class="checkbox" style="margin-left: 15px">

								</div>

								<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
								data-toolbar="#toolbar" data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true">
									<thead>

									</thead>
								</table>

							</div>


						</div>
					</div>
				</div>
			</div>

		</div>


	</div>


	<script>
			var missionId = "@missionId"

			function test() {
				$("#{gender} {kind}Percent").data("easyPieChart").update(percent)
			}

			$(function () {
				MissionSummary.init

			})
	</script>


}